<template>
	<!-- 仓库调拨 -->
	<div>
		<headpage username="调拨单" routername="main1"></headpage>
		<ul class="list2">
			<li style="width:10%;">
				<div class="tableft">
					<ul class="list">
						<li>调拨单</li>
					</ul>
				</div>
			</li>
			<li style="width:100%;">
				<input type="text" class="form-control" placeholder="输入单号查询" style="margin-top:10px;">
			</li>
		</ul>
	</div>
</template>

<script>
	import headpage from "../headpage.vue"
	export default {
		name: "warehouse_allocation",
		components: {
			headpage
		}
	}
</script>

<style scoped="scoped">
	ul,
	li {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.tableft {
		width: 20px;
		font-size: 14px;
		background-color:lightgreen;
		color:white;
	}

	.list {
		text-align: center;
	}

	.list li {
		border-bottom: 1px solid lightblue;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
	.list2{
		display:flex;
	}
	
</style>

